<!--
 * @Description: 
 * @Author: wunan
 * @Date: 2020-11-03 15:55:55
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-07-08 19:21:01
-->
<template>
  <div class="apply">
    <Header></Header>
    <form id="wishform" method="post" action="/wish/addWish" οnsubmit="return false;">
                <dl class="username">
                    <dt>账号: <input type="text" id="username" class="input_txt" name="username" placeholder="请输入账号"></dt>
                </dl>
                <dl class="fullname">
                    <dt>姓名: <input type="text" id="fullname" class="input_txt" name="fullname" placeholder="请输入姓名"></dt>
                </dl>
                <dl class="phone">
                    <dt>联系电话: <input type="number" id="phone" name="phone" class="input_txt" placeholder="请输入手机号码"></dt>
                </dl>
                <dl class="password">
                    <dt>密码: <input type="password" id="password" class="input_txt" name="password" placeholder="请输入密码"></dt>
                </dl>
                <dl class="book">
                    <dt>图书名称: <input type="text" id="book" class="input_txt" name="book" placeholder="请输入借阅的图书名称"></dt>
                </dl>
                <el-button :plain="true" @click="open" class="button">确认借阅</el-button>
            </form>
    <Dibu></Dibu>
  </div>
</template>
<style long="scss" scoped>
.username {
    font-size: 20px;
    height: 15px ;
    width: 750px ;
    color: #4D4D4D ;
    margin-top: 55px;
    padding-top: 60px;
    padding-left: 500px;
    letter-spacing: 3px;
}
.fullname {
    font-size: 20px;
    height: 15px ;
    width: 750px ;
    color: #4D4D4D ;
    padding-top: 25px;
    padding-left: 500px;
    letter-spacing: 3px;
}
.phone {
    font-size: 20px;
    height: 15px ;
    width: 750px ;
    color: #4D4D4D ;
    padding-top: 25px;
    padding-left: 500px;
    letter-spacing: 3px;
}
.password {
    font-size: 20px;
    height: 15px ;
    width: 750px ;
    color: #4D4D4D ;
    padding-top: 25px;
    padding-left: 500px;
    letter-spacing: 3px;
}
.book {
    font-size: 20px;
    height: 15px ;
    width: 750px ;
    color: #4D4D4D;
    padding-top: 25px;
    padding-left: 500px;
    letter-spacing: 3px;
}
.button {
    display: block;
    margin-top: 90px;
    margin-left: 850px;
    margin-bottom: 70px;
    padding: 8px;
    border: 1px #4D4D4D solid;
    color: #4D4D4D;
}
</style>
<script>
import {get} from'../utils/request'
import Header from './components/Header.vue'
import Dibu from './components/Dibu.vue'
export default{
  components:{
    Header,
    Dibu
  },
  methods: {
      open() {
        this.$message('借阅图书成功');
        this.$router.push({
            path: '/applyQuery',
        });
      },
    } 
}
</script>
